<template>
  <div id="app">
    <headers></headers>
    <div class="main_body">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
    <footers class="footer"></footers>
  </div>
</template>

<script>
import headers from './components/header.vue'
import footers from './components/footer.vue'
export default {
  name: 'app',
  data (){
    return{
      
    }
  },
  components:{ headers, footers },
  mounted(){
    var winHeight = document.body.clientHeight-160;
    //alert(winHeight);
    $('.main_body').css('min-height',winHeight);
   
  }
}
</script>

<style>
html,body{
  height: 100%;
}
body{
  background: #f2f2f2
}
*{
  margin: 0;
  padding: 0
}
li{list-style: none}
p{font-size: 16px}

a {
    color: #a5a5a5;
    text-decoration: none
}
.footer{clear: both}

.ad{
    margin-top:20px
}
.ad img{
    width: 100%;
    vertical-align: bottom;
}
</style>
